<template>
	<view>
		<van-cell title="车牌号" :value="detailData.chepai"/>
		<van-cell title="车辆类型" :value="detailData.type"/>
		<van-cell title="车辆品牌" :value="detailData.brand"/>
		<van-cell title="车辆型号" :value="detailData.name"/>
		<!-- <van-cell title="车辆颜色" :value="detailData.color"/> -->
		<van-cell title="载客数" :value="detailData.sites"/>
		<van-cell title="保养日期" :value="detailData.dateBaoyang"/>
		<van-cell title="保险日期" :value="detailData.dateBaoxian"/>
		<van-cell title="车检日期" :value="detailData.dateChejian"/>
		
		<van-cell-group title="车辆照片">
			<view style="margin-left: 16px;">
				<van-uploader
				  :file-list="fileList"
				  max-count="1"
				  disabled
				  :show-upload="false"
				  :deletable="false"
				/>
			</view>
			
		</van-cell-group>
		
		<view style="margin-top: 50px;">
			<van-divider contentPosition="center">任务安排</van-divider>
			<view v-for="(item,index) in detailData.lstCD_relation" :key="index" style="display: flex;flex-flow: row;justify-content: space-between;background-color: #fff;border-bottom: 1px solid rgb(248,248,248); padding: 5px 15px;">
				<view>{{item.setoffTime}}</view>
				<view>-</view>
				<view>{{item.backTime}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				detailData: {},
				fileList:[]
			}
		},
		onLoad(options) {
			this.detailData = JSON.parse(decodeURIComponent(options.data))
			this.fileList = [{
				name: '',
				url: this.detailData.avator
			}]
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
